let as = document.getElementsByClassName('tabA');
let JS_tabBlock = document.getElementsByClassName('JS_tabBlock');

for(let i=0; i<as.length; i++) {
    as[i].index = i;

    as[i].onclick = function() {
        for(let j=0; j<as.length; j++) {
            // as[j].className = '';
            as[j].classList.add("on");
            // JS_tabBlock[j].style.display = 'none';
            JS_tabBlock[j].style.opacity = '0';
            if (j!=i){
                as[j].classList.remove("on");
            }
        }
        // JS_tabBlock[this.index].style.display = 'block';
        JS_tabBlock[this.index].style.opacity = '1';

    }
}